        
        
        var animate = null;
        var animations = [];
        var pointTo = false;
        var prepareAry = false;
        var checkAnmt = null;
        
        $(document).ready(function(){
            checkAnmt = setInterval(function(){
                if(!ifMounted || !animations.length) return false;
                var added = false;
                for(var c = 0;c < $('.ready').length;c++){
                    if($('.ready')[c].anmtInd == undefined){
                        added = true;
                        $('.ready')[c].anmtInd = animations.length;
                        animations.push($('.ready')[c]);
                        //console.log(animations);
                    }
                    if(c == animations.length && !added){
                        clearInterval(checkAnmt);
                        clearInterval(animate);
                    }
                }
            },1000)
            
            
            animate = setInterval(function(){
                if(!ifMounted)return false;
                if(!prepareAry){
                    prepareAry = true;
                    for(var l = 0;l < $('.ready').length;l++){
                        $('.ready')[l].anmtInd = l;
                        animations.push($('.ready')[l]);
                    }
                }
                if(!animations.length) return false;
                if(beginningDelay != null && beginningDelay < animateDelayCount){
                    beginningDelay += 10;
                    return false;
                }
                for(var r = 0;r < animations.length;r++){
                    var className = animations[r].className;
                    var ele_h = animations[r].offsetHeight;
                    var ele_top = animations[r].getBoundingClientRect().top;
                    var window_h = window.innerHeight;
                    if(className.indexOf('overHalf') >= 0){
                        ele_top += ele_h / 2;
                    }
                    if(
                        (className.indexOf('overself') < 0 && ((ele_top >= 0 && ele_top < window_h) || (ele_top < 0 && ele_top > -ele_h)))
                            ||
                            (className.indexOf('overself') >= 0 && ele_top <= window_h - ele_h)
                        ){
                            var ind = animations[r].anmtInd;
                            if(animations[r].className.indexOf('frozen') < 0){
                                animations[r].className += ' frozen';
                            }
                            if($('.ready:eq(' + ind +')').find('.process').length){
                                console.log($('.ready:eq(' + ind +')').find('.process').attr('data-width'));
                                $('.ready:eq(' + ind +')').find('.process')[0].style.width = $('.ready:eq(' + ind +')').find('.process').attr('data-width');
                            }
                    }
                }
            },10);
            
        }) 